<template>
  <div class="container">
    <Watermark text="禁止转载">
      <div class="content">hahaha</div>
    </Watermark>

    <Watermark style="background-color: aqua" text="版权所有">
      <div class="content" />
    </Watermark>
  </div>
</template>

<script>
import { Watermark } from '@/components/Watermark'
export default {
  name: 'WaterDemo',
  components: {
    Watermark
  }
}
</script>

<style lang="scss" scoped>
.container {
  display: flex;
  gap: 10px;
  .watermark-container {
    background-color: #ccc;
    flex: 1;
  }
  .content {
    width: 100%;
    height: 80vh;
  }
}
</style>
